module.exports = {
  purge: [
    "./src/**/*.html",
    "./src/**/*.js",
    "./src/**/*.ts",
    "./src/**/*.tsx",
    "./src/**/*.jsx",
  ],
  darkMode: false, // or 'media' or 'class'
  theme: {
    extend: {
      width: {
        50: '12.5rem',
        480: '120rem',
      },
      height: {
        7.5: '1.875rem',
        13.5: '3.375rem',
        21: '5.25rem',
      },
      padding: {
        1.75: '0.4375rem'
      },
      backgroundColor: {
        'main-color': '#f0f2f5'
      }
    },
  },
  variants: {
    extend: {},
  },
  plugins: [require("@tailwindcss/forms")]
}
